<template>
	<div>
		<div class="header">
			<div class="address_map" @click="$router.push('/address')">
				<i class="fa fa-map-marker"></i>
				<span>{{ address }}</span>
				<i class="fa fa-sort-desc"></i>
			</div>
			<div class="search_wrap" @click="$router.push('/search')">
				<div class="shop_search">
					<i class="fa fa-search"></i>
					搜索商家 商家名称
				</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {
	data() {
		return {}
	},
	computed: {
		address() {
			return this.$store.getters.address
		},
	},
	methods: {},
}
</script>

<style lang="less" scoped>
.home {
	width: 100%;
	height: 100%;
	overflow: auto;
	box-sizing: border-box;
}
.header,
.search_wrap {
	background-color: #009eef;
	padding: 10px 16px;
}
.header .address_map {
	color: #fff;
	font-weight: bold;
}
.address_map i {
	margin: 0 3px;
	font-size: 18px;
}
.address_map span {
	display: inline-block;
	width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.search_wrap .shop_search {
	/* margin-top: 10px; */
	background-color: #fff;
	padding: 10px 0;
	border-radius: 4px;
	text-align: center;
	color: #aaa;
}

.search_wrap {
	position: sticky;
	top: 0px;
	z-index: 999;
	box-sizing: border-box;
}
.swiper {
	height: 100px;
}
.swiper img {
	width: 100%;
	height: 100px;
}

.entries {
	background: #fff;
	height: 47.2vw;
	text-align: center;
	overflow: hidden;
}
.foodentry {
	width: 20%;
	float: left;
	position: relative;
	margin-top: 2.933333vw;
}
.foodentry .img_wrap {
	position: relative;
	display: inline-block;
	width: 12vw;
	height: 12vw;
}
.img_wrap img {
	width: 100%;
	height: 100%;
}
.foodentry span {
	display: block;
	color: #666;
	font-size: 0.32rem;
}
/* 推荐商家 */
.shoplist-title {
	display: flex;
	align-items: flex;
	justify-content: center;
	height: 9.6vw;
	line-height: 9.6vw;
	font-size: 16px;
	color: #333;
	background: #fff;
}
.shoplist-title:after,
.shoplist-title:before {
	display: block;
	content: '一';
	width: 5.333333vw;
	height: 0.266667vw;
	color: #999;
}
.shoplist-title:before {
	margin-right: 3.466667vw;
}
.shoplist-title:after {
	margin-left: 3.466667vw;
}

.fixedview {
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 999;
}

.mint-loadmore {
	height: calc(100% - 95px);
	overflow: auto;
}
</style>
